<template>
  <div>
    <Data msg="Vite + Vue" />
    <Method />
    <Compoted />
    <Watch />
    <Prop />
    <Emit />
    <VModel />
    <NextTickVue />

    <div>
      <span>defineExpose Using：</span>
      <DefineExpose />
      <ObtainFixedCount />
      <DynamicComponent />
    </div>
    <SlotComponent />
    <UseRouterAnduseRouter />
    <UsePiniaStore />
    <ProTypeVue />
    <StyleVariableInjection />
    <ProvideInject />
    <Minix />
  </div>
</template>

<script setup lang="ts">
import Data from '../components/Data.vue'
import Method from '../components/Methods.vue'
import Compoted from '../components/Computed.vue'
import Watch from '../components/Watch.vue'
import Prop from '../components/Props/parent-component.vue'
import Emit from '../components/Emit/parent-component.vue'
import VModel from '../components/V-Model/parent-component.vue'
import NextTickVue from '../components/NextTick.vue'
import DefineExpose from '../components/DefineExpose/parent-component.vue'
import ObtainFixedCount from '../components/DefineExpose/obtain-fixed-component.vue'
import DynamicComponent from '../components/DefineExpose/dynamic-component.vue'
import SlotComponent from '../components/Slot/parent-component.vue'
import UseRouterAnduseRouter from '../components/Route/useRouteAnduseRouter.vue'
import UsePiniaStore from '../components/Pinia/useStore.vue'
import ProTypeVue from '../components/PrototypeVue.vue'
import StyleVariableInjection from '../components/StyleVariableInjection.vue'
import ProvideInject from '../components/Provide-inject/parent-component.vue'
import Minix from '../components/Mixins/mixins.vue'
</script>

<style scoped></style>
